/*======================================================================
  此文件提供一些全局样式类。
 ======================================================================*/
//显示以及隐藏  ！！！！限用于块级元素
.display {
  display: block;
}
.hidden {
  display: none;
}

//文字左右
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}

//字体大小
.fontSize12 {
  font-size: 12px;
}

//禁用
.disabled,
.disabled:before {
  opacity: 0.5;
}
// webkit浏览器隐藏滚动条
.hidden-scrollbar::-webkit-scrollbar {
  display: none;
}
// flex布局
.flex {
  display: flex;
}
// 支持换行
.flex-warp {
  flex-wrap: wrap;
}
// 水平居中
.flex-justify {
  justify-content: center;
}
// 垂直居中
.flex-align {
  align-items: center;
}

// 水平居中，垂直居中
.flex-center {
  justify-content: center;
  align-items: center;
}
/*======================================================================
 *这里写一些使用的工具类和颜色，主题等等
 ======================================================================*/

//错误页面样式
.nano-page-error {
  width: 100vw;
  height: 100vh;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: space-around;
  padding: 0 26%;
  align-items: center;
  .error-text {
    text-align: left;
    .error-code {
      color: #434e59;
      font-size: 72px;
      font-weight: 600;
      line-height: 72px;
      margin-bottom: 24px;
    }
    .error-desc {
      color: rgba(0, 0, 0, 0.45);
      font-size: 20px;
      line-height: 28px;
      margin-bottom: 16px;
    }
    .router-link-active {
      color: #fff;
    }
  }
}
